<%--
  Created by IntelliJ IDEA.
  User: 刘帆
  Date: 2023/7/9
  Time: 15:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <title>购物商城首页</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body style="background-image: url('./images/5.jpg')">
<div class="row" style="line-height: 200px">
    <div class="col-md-1"></div>
    <div class="col-md-10">
        <nav class="navbar navbar-default" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">购物商城</a>
                </div>
                <div>
                    <!--向左对齐-->
                    <ul class="nav navbar-nav navbar-left">
                        <li class="dropdown">
                            <a href="home.jsp" class="dropdown-toggle">
                                首页
                                <b class="caret"></b>
                            </a>
                        </li>
                        <li class="dropdown">
                            <a href="/Test/shopping.jsp" class="dropdown-toggle">
                                商品
                            </a>
                        </li>
                        <li class="dropdown">
                            <a href="buyerregister.jsp" class="dropdown-toggle">
                                注册
                            </a>
                        </li>
                        <li class="dropdown">
                            <a href="login.html" class="dropdown-toggle">
                                后台登陆
                            </a>
                        </li>

                    </ul>
                    <!--向右对齐-->
                    <ul class="nav navbar-nav navbar-right">
                        <!-- 显示登录用户名 -->
                        <%--<li><a href="/Test/logout"><span class="glyphicon glyphicon-user"></span>注册<b class="caret"></b></a></li>--%>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle">
                        <li class="dropdown"><%=session.getAttribute("buyername")%></li>
                        </a>
                        </li>
                        <li><a href="buyerlogin.jsp"><span class="glyphicon glyphicon-user"></span>登录<b class="caret"></b></a></li>

                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div class="col-md-1"></div>
</div>




<div id="myCarousel" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
    <div class="col-md-2"></div>
    <div class="col-md-8" style="margin-top: 100px">
    <ol class="carousel-indicators" >
        <li data-target="#myCarousel" data-slide-to="0"
            class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <!-- 轮播（Carousel）项目 -->

    <div class="carousel-inner">
        <div class="item active">
            <img decoding="async" src="./images/1.jpg"  alt="First slide">
        </div>
        <div class="item">
            <img decoding="async" src="./images/2.jpg" alt="Second slide">
        </div>
        <div class="item">
            <img decoding="async" src="./images/3.jpg" alt="Third slide">
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
    <!-- 控制按钮 -->
    </div>
    <div class="col-md-8"></div>
</div>
<%--<a  href="https://cn.bing.com/?form=000047&ocid=msedgntp&pc=EDGENTP&cvid=2d858f5da25746bda62d796cddb7f048&ei=7"style="position:absolute;top:60%;left:48%;">--%>
    链接一</a>
</body>
<script>
    $(function(){
        // 初始化轮播
        $("#myCarousel").carousel('cycle');

    });
</script>
</html>
